<template>
  <div class="view">
    <div>bilibili主站</div>
    <div>番剧</div>
    <div>游戏中心</div>
    <div>直播</div>
    <div>会员购</div>
    <div>漫画</div>
    <div>赛事</div>
    <div>歌会</div>
    <div>BML</div>
    <div>下载APP</div>
    <div>大会员</div>
    <div>消息</div>
    <div>动态</div>
    <div>收藏</div>
    <div>历史</div>
    <div>创作中心</div>
    <div><div id="post-btn">投稿</div></div>
  </div>
</template>

<script>
  export default {
    name: "Topbar",
    components:{
    }
  }
</script>

<style scoped>
  .view{
    width: 100%;
    height: 60px;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.08);
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .view div{
    margin-top: 10px;
    flex: auto;
    cursor: pointer;
  }
  #post-btn{
    margin-top: 0px;
    background-color: deeppink;
    color: white;
    border-radius: 10%;
    text-align: center;
    margin-right: 5px;
  }
</style>